<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/inc/common.jsp"%>
<html>
<head>
<title>流程管理</title>
<script type="text/javascript" src="${basePath}/act/process/processManager.js" ></script>
</head>
<body>
	<div class="easyui-layout" data-options="fit:true" >
		<div data-options="region:'north', title:'查询条件',split:true,collapsed:false,footer:'#searchfooter'" style="overflow: hidden;">
			<!-- 查询条件 -->
			<div style="padding:10px 5px 45px 20px;">
				<form id="searchForm" name="searchForm" >
					<table class="search-table" width="90%;" >
						<tr>
							<td align="right" width="10%">流程类别:</td>
							<td>
								<input class="easyui-combobox" name="category"  data-options="url:'<%=path%>/sys/dictionary/dicbykey.do?key=1018&type=1',method:'get',valueField:'dataCode',textField:'dataName',panelHeight:'auto',editable:false">
							</td> 
							<td align="right" width="10%">流程名称:</td>
							<td>
								<input class="easyui-textbox" type="text" id="name" name="name"></input>
							</td>
							<td align="right" width="10%">车牌号:</td>
							<td>
								<input class="easyui-textbox" type="text" id="carNo" name="carNo"></input>
							</td>
						</tr>
					</table>
				</form>

			</div>
			<div id="searchfooter" style="text-align:right;padding: 0px 10px">
				<a href="javascript:void(0)" class="easyui-linkbutton" onclick="doQry()"  data-options="iconCls:'icon-search',plain:true" >查询</a>
				<span class="search-btn-separator"></span>
				<a href="javascript:void(0)" class="easyui-linkbutton" onclick="doReset()" data-options="iconCls:'icon-cross',plain:true">重置</a>
			</div>
		</div>
		<!-- 数据列表 -->
		<div  data-options="region:'center',title:'查询结果列表'" >
			<div id="datagrid-toolbar" class="datagrid-toolbar">    
	    		<div>    
	    		<a href="#" class="easyui-linkbutton"  data-options="iconCls:'icon-search',plain:true"  onclick="doDesign()">设计</a>
	        	<span class="search-btn-separator"></span>
	        	<a href="#" class="easyui-linkbutton"  data-options="iconCls:'icon-add',plain:true" onclick="doAdd()">新增</a>
				<span class="search-btn-separator"></span>
				<a href="#" class="easyui-linkbutton"  data-options="iconCls:'icon-edit',plain:true"  onclick="doEdit()">编辑</a> 
				<span class="search-btn-separator"></span>
				<a href="#" class="easyui-linkbutton"  data-options="iconCls:'icon-delete',plain:true"  onclick="doDel()">删除</a>  
		    	</div> 
		    </div>
			<table id="datagrList" class="easyui-datagrid"
					data-options="url:'<%=path %>/act/model/query.do',border:true,singleSelect:false,fit:true,fitColumns:true,pageSize:10,pagination:true,pageList:[10,20,30],rownumbers:true,onLoadSuccess:onLoadSuccess">
				<thead>
					<tr>
						<th data-options="field:'id',checkbox:true"></th>
						<th data-options="field:'category',align:'center',width:'12%',
							formatter:function(value,row,index){
				                return parent.formartDic(value,'1018');
				            }">流程类别</th>
						<th data-options="field:'name',align:'center',width:'18%'" >流程名称</th>
						<th data-options="field:'createTime',align:'center',width:'23%',formatter:changeDateTimeToString">创建时间</th>
						<th data-options="field:'lastUpdateTime',align:'center',width:'23%',formatter:changeDateTimeToString">最近修改时间</th>
						<th data-options="field:'description',align:'center',width:'25%'" >描述</th>
					</tr>
				</thead>
			</table>
		</div>
	</div>
	<!-- 弹出框 -->
	<div id="creatPro" class="easyui-dialog" title="新增流程" style="width: 400px; height: 350px;" data-options="closed:true,footer:'#creatProfooter'">
		<div data-options="region:'center'" style="padding:5px 5px 5px 5px;">
	     <form id="creatform" method="post" >
	     <input id="id" name="id" type="hidden">
	    	<table  style="width:100%;" cellpadding="0" cellspacing="1"  class="formtable">
	    		<tr>
	    			<td align="right" style="width: 30%">流程类别:</td>
	    			<td class="value">
	    			<input class="easyui-combobox" name="category"  data-options="url:'<%=path%>/sys/dictionary/dicbykey.do?key=1018&type=1',method:'get',valueField:'dataCode',textField:'dataName',panelHeight:'auto',editable:false,required:true">
	    			</td>
	    		</tr>
	    		<tr>
	    			<td align="right">流程名称:</td>
	    			<td class="value"><input class="easyui-textbox"  data-options="required:true" type="text" name="name" id="name" ></td>
	    		</tr>
	    		<tr>
	    			<td align="right">描述:</td>
	    			<td class="value"><input class="easyui-textbox" type="text" data-options="multiline:true"  name="description" id="description" style="height: 100px;"></td>
	    		</tr>
	    	</table>
	    </form>
		</div>
	</div>
	<div id="creatProfooter" style="text-align: right; padding: 0px 10px">
		<a href="javascript:void(0)" class="easyui-linkbutton"
			onclick="doSave('creatPro')"
			data-options="iconCls:'icon-page_save',plain:true">保存</a> 
		<span class="search-btn-separator"></span> 
		<a href="javascript:void(0)"
			class="easyui-linkbutton" onclick="doClose('creatPro')"
			data-options="iconCls:'icon-undo',plain:true">关闭</a>
	</div>
	<!--修改 弹出框 -->
	<div id="editPro" class="easyui-dialog" title="修改流程" style="width: 400px; height: 350px;" data-options="closed:true,footer:'#creatProfooter'">
		<div data-options="region:'center'" style="padding:5px 5px 5px 5px;">
	     <form id="editform" method="post" >
	     <input id="id" name="id" type="hidden">
	    	<table  style="width:100%;" cellpadding="0" cellspacing="1"  class="formtable">
	    		<tr>
	    			<td align="right" style="width: 30%">流程类别:</td>
	    			<td class="value">
	    			<input class="easyui-combobox" name="category"  data-options="url:'<%=path%>/sys/dictionary/dicbykey.do?key=1018&type=1',method:'get',valueField:'dataCode',textField:'dataName',panelHeight:'auto',editable:false,required:true">
	    			</td>
	    		</tr>
	    		<tr>
	    			<td align="right">流程名称:</td>
	    			<td class="value"><input class="easyui-textbox"  data-options="required:true,editable:false" type="text" name="name" id="name" ></td>
	    		</tr>
	    		<tr>
	    			<td align="right">描述:</td>
	    			<td class="value"><input class="easyui-textbox" type="text" data-options="multiline:true"  name="description" id="description" style="height: 100px;"></td>
	    		</tr>
	    	</table>
	    </form>
		</div>
	</div>
	<div id="creatProfooter" style="text-align: right; padding: 0px 10px">
		<a href="javascript:void(0)" class="easyui-linkbutton"
			onclick="doSave('editPro')"
			data-options="iconCls:'icon-page_save',plain:true">保存</a> 
		<span class="search-btn-separator"></span> 
		<a href="javascript:void(0)"
			class="easyui-linkbutton" onclick="doClose('editPro')"
			data-options="iconCls:'icon-undo',plain:true">关闭</a>
	</div>
</body>
</html>
